
@mixin content-size($content-width,$content-margin,$title)
  //内容块样式
  .content-size
    min-width: $content-width
    width: $content-width
    align-self: center
    margin-bottom: $content-margin
    background-color: rgb(253, 253, 242)
    border-radius: 0.4em
    padding: 10.5pt

  //三角图标旁的标题样式
  .message-title
    font-size: $title
  //标题样式
  .card-title
    height: 5em
//桌面页面样式
@media screen and (min-device-width: 960px)
  @include content-size($content-width: 60em,$content-margin: 4em,$title: 1.4em)

//移动页面样式
@media screen and (max-device-width: 960px)
  @include content-size($content-width: 60em,$content-margin: 6em,$title: 1.4em)
  .content-size
    font-size: 6px
